<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- ## 3、百度注册页面的验证

- 用户名只能最多7个汉字 或者 14个英文字母  只能有14个字符，一个中文表示两个字符 -->

    用户名：<input type="text" class="username">

    <script>
         var username=document.querySelector('.username');
         var reg = /[^\x00-\xff]/;   
        username.onchange=function(){
            var nn=this.value;
            var b=0;
             for(let i=0;i<nn.length;i++){
                 if(reg.test(nn[i])){
                     b+=2;
                 }else{
                     b+=1;
                 }
                 if(b>14){
                     alert('用户名为7个汉字或者14个字符');
                     break
                 }
             }    

        }   
         
    </script>
   

</body>
</html>